<template>
  <div>
    <index-head class="head-body"></index-head>
    <div class="web-body">
      <index-left></index-left>
      <index-body></index-body>
    </div>
  </div>
</template>

<script>
import indexHead from "./head.vue";
import indexLeft from "./left.vue";
import indexBody from "./body.vue";

export default {
  components: { indexHead, indexLeft, indexBody }
};
</script>

<style>
.head-body{
    position: fixed;
    width: 100%;
    height: 60px;
    background: #fff;
    left:0;
    top:0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    z-index: 9;
    transition: all 0.2s linear;
    line-height: 60px;
}
.web-body{
    width: 1200px;
    margin: auto;
}
</style>